import { ProCard } from "@ant-design/pro-components";
import { Timeline } from "antd";

import React from "react";

const Page11: React.FC = () => {
  return (
    <div style={{ padding: 24 }}>
      <h1>时间线页面</h1>
      <ProCard>
        <Timeline
          items={[
            {
              color: "green",
              children: "创建项目 2024-01-01",
            },
            {
              color: "green",
              children: "项目开发 2024-01-15",
            },
            {
              color: "blue",
              children: "测试阶段 2024-02-01",
            },
            {
              color: "red",
              children: "发布上线 2024-02-15",
            },
          ]}
        />
      </ProCard>
    </div>
  );
};

export default Page11;
